<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title>巡检任务设备列表</title>
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui-pull-refresh.css" />
    <link rel="stylesheet" type="text/css" href="./css/comm.css" />
    <link rel="stylesheet" type="text/css" href="./css/headersearch.css" />
    <link rel="stylesheet" type="text/css" href="./css/plandevicetasklist.css" />
    <link rel="stylesheet" type="text/css" href="../script/mui/mui.picker.min.css" />
    <link rel="stylesheet" type="text/css" href="../script/mui/mui.reset.css" />
    <style>
        .aui-content.contentBox{
            margin-top: 0.5rem;
        }
        .equipment-item {
            width: 100%;
            margin-bottom: 10px;
            padding: 10px 16px 16px 16px;
            overflow: hidden;
        }

        .equipment-title {
            width: 100%;
            line-height: 2.5rem;
            height: 2.5rem;
            overflow: hidden;
        }

        .equipment_name {
            width: 74% !important;
            float: left;
            font-size: 0.8rem;
            overflow: hidden;
        }

        .aui_formitem {
            line-height: 1.6rem;
        }

        .aui_formtitle {
            font-size: 0.75rem;
            padding-left: 0px;
            color: #999;
            min-width: 3.5rem;
        }

        .aui_formcontent {
            font-size: 0.75rem;
        }

        .equipment-msg {
            width: 100%;
            overflow: hidden;
        }
        .list_box {
            width: 92%;
            margin: 20px auto;
        }
    </style>
</head>

<body>
    <div id="app" v-cloak>
        <!-- <div class="aui-content headerBox bgshadow">
            <div class="aui-tab" style="width: 90%; margin: 0 auto;">

                <span class="chooseshebei" id="choosestatus" style="line-height:50px;">{{form.StatusName}}</span>
                <i class="icon iconfont icon-down"></i>
            </div>
        </div> -->

        <!-- v-if="TabIndex==1" -->
        <section class="aui-content contentBox">
            <!-- 搜索 -->
            <div class="aui-searchbar" id="search">
                <div class="aui-searchbar-input aui-border-radius">
                    <i class="icon iconfont icon-sousuo"></i>
                    <input v-model="form.keywords" type="search" placeholder="请输入设备名称" id="search-input">
                    <div class="aui-searchbar-clear-btn" style="top:12px">
                        <i class="icon iconfont icon-guanbi"></i>

                    </div>
                </div>
                <div class="aui-searchbar-btn" tapmode></div>
            </div>
            <div class="list_box">
                <div v-if="list.length==0">
                    <div class="list_box nocontent">
                        没有相关信息
                    </div>
                </div>
                <!-- loop （TaskStatus：1-未开始，3-已完成）-->
                <div v-if="list.length>0" v-for="item in list" class="list_box_li bo  boxarea mb20">
                    <div class="equipment-item" v-on:click="do_view(item)">
                        <div class="equipment-title">
                            <div class="equipment_name fl aui-ellipsis-1">{{item.deviceName}}</div>
                            <div v-if="item.status==1" class="statuStyle noStart">未开始</div>
                            <div v-if="item.TaskStatus!=1&&item.finishStatus==1" class="statuStyle sright">正常</div>
                            <div v-if="item.TaskStatus!=1&&item.finishStatus==2" class="statuStyle wrong">异常</div>
                        </div>
                        <div class="equipment-msg">
                            <div class="aui_formitem ">
                                <div class="aui_formtitle">
                                    设备编码
                                </div>
                                <div class="aui_formcontent">
                                    {{item.deviceNumber}}
                                </div>
                            </div>
                            <div class="aui_formitem ">
                                <div class="aui_formtitle">
                                    规格型号
                                </div>
                                <div class="aui_formcontent">
                                    {{item.modelNumber==null?'--':item.modelNumber}}
                                </div>
                            </div>
                            <div class="aui_formitem ">
                                <div class="aui_formtitle">
                                    存放位置
                                </div>
                                <div class="aui_formcontent">
                                    {{item.location}}
                                </div>
                            </div>
                        </div>
                        <div class="cl"></div>
                    </div>
                    <!-- <div class="list_box_li_new">
                        <label v-on:click="do_open_scan(item)" v-if="item.RequireScan" class="labelbtn">
                          <i class="icon iconfont icon-saomiao"></i>
                          扫码</label>
                        <label v-on:click="do_complete(item,0)" v-if="item.CanProcessDirect" class="labelbtn">
                          <i class="icon iconfont icon-yichang"></i>
                          异常</label>
                        <label v-on:click="do_complete(item,1)" v-if="item.CanProcessDirect" class="labelbtn">
                          <i class="icon iconfont icon-tubiaolunkuo-"></i>
                          完成</label>
                        <label v-on:click="open_details(item)" v-if="!item.RequireScan" class="labelbtn">
                          <i class="icon iconfont icon-start"></i>
                          详情</label>
                    </div> -->
                </div>
                <!-- loop -->
            </div>
        </section>
        <!-- v-if="TabIndex==2" -->
        <section class="aui-content contentBox">
            <div class="list_box">

                <div v-for="item in donelist" v-on:click="open_details(item)" class="list_box_li">
                    <div class="list_box_li_title">
                        <div class="equipment_name fl">{{item.DeviceName}}</div>
                        <div class="equipment_state fr">{{item.TaskStatusDesc}}</div>
                        <div class="cl"></div>
                    </div>
                    <div class="list_box_li_new mgtop">
                        巡检结果：{{item.TaskCompleteContent}}
                        <span>{{item.TaskCompleteTime}}</span>
                        <div class="cl"></div>
                    </div>
                </div>

            </div>
        </section>
    </div>
</body>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/aui-toast.js"></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript" src="../script/mui/mui.min.js"></script>
<script type="text/javascript" src="../script/mui/mui.picker.min.js"></script>
<script type="text/javascript" src="../script/mui/mui.poppicker.js"></script>
<script type="text/javascript" src="../script/vue.js"></script>
<script type="text/javascript" src="../script/aui-pull-refresh.js"></script>
<script type="text/javascript" src="../script/aui-scroll.js"></script>
<script type="text/javascript" src="../script/aui-popup.js"></script>
<script type="text/javascript" src="js/equipment_list.js"></script>

</html>
